<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>年会抽奖</title>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <div class="main">
        <div class="join_container">
            <div class="closeWinner"><img src="../img/clear.svg" alt=""></div>
            <div class="joinuser">
                <div class="userbox zam-app-flex-ajCenter">
                    <img class="quan0" src="../img/quan0.png">
                    <p class="headimg" id="winnerName">张三</p>
                    <img class="quan1" src="../img/quan.png">
                    <img class="quan2" src="../img/quan.gif">
                    <!-- <span class="nickname">A阿剑</span><span class="message"></span> -->
                </div>
            </div>
            <div class="bz"></div>
        </div>
        <div class="main-container" style="display: none;">
            <h1 class="header">商网信息年会抽奖</h1>
            <div id="lottery">
                <div id="gdcontainer" class="participantsList" >
                    <div class="gd-outer">
                        <ul class="gd-content">
                            <!-- <li>张三</li>
                            <li>李四</li>
                            <li>王五</li>
                            <li>赵六</li>
                            <li>孙七</li>
                            <li>周八</li>
                            <li>吴九</li>
                            <li>郑十</li>
                            <li>郑十1</li>
                            <li>郑十2</li>
                            <li>郑十1</li>
                            <li>郑十2</li>
                            <li>郑十1</li>
                            <li>郑十2</li>
                            <li>郑十1</li>
                            <li>郑十2</li>
                            <li>郑十1</li>
                            <li>郑十2</li>
                            <li>郑十1</li>
                            <li>郑十2</li> -->
                        </ul>
                        
                    </div>
                </div>
            </div>
            <!-- 奖项列表-->
            <div id="award">
                <h1>奖项列表：</h1>
                <ul class="awardList">
                    <li>一等奖：1000元</li>
                    <li>二等奖：500元</li>
                    <li>三等奖：300元</li>
                    <li>四等奖：200元</li>
                </ul>
            </div>
            <div class="button-draw">
                <div class="btn btn-active">
                    <button id="startButton" class="lotterybtn">开始抽奖</button>
                </div>
                <!-- <div class="btn">
                    <button id="restartButton" class="lotterybtn">重新抽奖</button>
                </div> -->
            </div>
            <div id="winnerDisplay">
                <button class="winnerbtn wbtn">获奖名单</button>
                <button class="resetbtn wbtn">重置</button>
                <!-- 获奖名单列表 -->
                <ul class="winnerList"></ul>
            </div>
        </div>
        <div class="bg-animation">
            <video 
                src="../img/fuvideo.mp4" 
                style="object-fit:fill;" 
                autoplay 
                muted
                loop 
                playsinline
                width="100%" 
                height="100%">
            </video>
            <audio src="../img/default.mp3" autoplay loop></audio>
        </div>
        
    </div>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/scroll.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>